<template>
  <div class="page_repay_success">
    <van-nav-bar title="Repayment"></van-nav-bar>
    <div class="result_content">
      <div class="result_tips_img"><img src="~@/assets/imgs/repay/repay_done.svg" alt="success" /></div>
      <div class="result_tips_title">Multiple applications can increase the loan limit</div>
    </div>
  </div>
</template>

<script>
import { NavBar } from 'vant';

export default {
  name: 'repay-success',
  components: {
    [NavBar.name]: NavBar
  },
  data() {
    return {};
  }
};
</script>

<style lang="scss">
@import "~@/assets/scss/function.scss";

[data-page=repay-done] {
  body {
    background: white;
  }

  .van-nav-bar__content {
    height: 90px;
    line-height: 90px;
  }
  .van-nav-bar__title {
    font-size: 36px;
    color: #000;
  }

  .result_content {
    margin-top: 294px;
    text-align: center;

    .result_tips_img img {
      width: 320px;
    }
    .result_tips_title {
      font-size: 30px;
      line-height: 42px;
      font-weight: 500;
      width: 380px;
      margin: 50px auto 0;
    }
  }
}
</style>
